<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap-theme.css" rel="stylesheet" /> -->
		<link rel="stylesheet" href="./stylesheets/reset.css" />
		<link rel="stylesheet" href="./stylesheets/goods-detail.css" />
		<script src="https://at.alicdn.com/t/font_2853283_9i5iw04n68a.js"></script>
	</head>
	<body>
		<header id="header">
			<div class="shortcut">
				<div class="wrapper">
					<div class="nav">
						<div class="inner-1 location">
							<span class="font-icon">
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-home2"></use>
								</svg>
							</span>
							<a href="">京东首页</a>
							<span class="font-icon">
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-dingwei1"></use>
								</svg>
							</span>
							浙江
						</div>
						<div class="inner-2"><a class="login" href="">你好，请登录</a> <a class="register" href="">免费注册</a></div>
						<div class="inner-3">
							<ul>
								<li><a>我的订单</a></li>
								<li><a>我的京东</a></li>
								<li><a>京东会员</a></li>
								<li><a>企业采购</a></li>
								<li><a>客户服务</a></li>
								<li><a>网站导航</a></li>
								<li><a>手机京东</a></li>
								<li><a>网站无障碍</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</header>
		<div id="main">
			<div class="wrapper logo-head">
				<div id="logo-2014">
					<a href=""></a>
					<div class="extra">全部分类</div>
				</div>
				<div id="search-2014">
					<div class="form">
						<input type="text" class="text" />
						<button class="btn cw-icon">搜全站</button>
						<button class="btn btn01">搜本店</button>
					</div>
				</div>
				<div id="settle-up-2014">
					<div class="cw-icon">
						<i class="ci-left"></i>
						<i class="ci-right">></i>
						<i class="ci-count">0</i>
						<a href="">我的购物车</a>
					</div>
				</div>
				<div id="hotwords">
					<a href="">电脑频道</a>
					<a href="">轻薄本</a>
					<a href="">吃鸡显示器</a>
					<a href="">免费试用</a>
					<a href="">办公优选</a>
					<a href="">私人订制</a>
					<a href="">企材直降</a>
				</div>
			</div>
			<div class="shophead">
				<div class="shophead-top">
					<a href="" class="jdzy">
						<img src="./images/msi京东自营.gif" alt="" />
					</a>
					<a href="" class="jdzy-follow">
						<span>京东自营</span>
					</a>
					<a href="" class="item item1">
						<div class="img-container">
							<img src="./images/item1.png" alt="" />
						</div>
						<div class="item-info">
							<p class="item-info-title">MPG Z690 刀锋钛WIFI</p>
							<p class="item-info-detail">16相75A供电 WIFI6</p>
							<p class="item-info-tosee"></p>
						</div>
					</a>
					<a href="" class="item item2">
						<div class="img-container">
							<img src="./images/item2.png" alt="" />
						</div>
						<div class="item-info">
							<p class="item-info-title">GK50Z 40度灰<span>电竞机械轴</span></p>
							<p class="item-info-detail">PBT键帽</p>
							<p class="item-info-tosee"></p>
						</div>
					</a>
					<a href="" class="item item3">
						<div class="img-container">
							<img src="./images/item3.png" alt="" />
						</div>
						<div class="item-info">
							<p class="item-info-title">MPG A850GF<span>80PLUS金牌</span></p>
							<p class="item-info-detail">16相75A供电 WIFI6</p>
							<p class="item-info-tosee"></p>
						</div>
					</a>
				</div>
				<div class="shophead-bottom">
					<ul class="shophead-bottom-list">
						<li class="item">
							<a href=""> 首页 </a>
						</li>
						<li class="item msi">
							<a href=""> 微星diy家族 </a>
						</li>
						<li class="item">
							<a href=""> 主板</a>
						</li>
						<li class="item">
							<a href=""> 显卡 </a>
						</li>
						<li class="item">
							<a href=""> 显示器 </a>
						</li>
						<li class="item">
							<a href=""> 机电散 </a>
						</li>
						<li class="item">
							<a href=""> 外设 </a>
						</li>
						<li class="item">
							<a href=""> 台式机 </a>
						</li>
						<li class="item">
							<a href=""> 电竞椅 </a>
						</li>
						<li class="item">
							<a href=""> SSD </a>
						</li>
						<li class="item">
							<a href=""> 笔记本 </a>
						</li>
						<li class="item-search">
							<input type="text" />
							<button></button>
						</li>
					</ul>
				</div>
			</div>
			<div class="wrapper product">
				<div class="product-intro">
					<div class="preview-wrap">
						<div class="preview">
							<div class="main-img">
								<img src="./images/main-img-1.jpg" alt="" class="display" />
								<img src="./images/main-img-2.jpg" alt="" />
								<img src="./images/main-img-3.jpg" alt="" />
								<img src="./images/main-img-4.jpg" alt="" />
								<img src="./images/main-img-5.jpg" alt="" />
								<img src="./images/main-img-6.jpg" alt="" />
								<i></i>
							</div>
							<div class="spec-list">
								<a href="" class="spec-forward"><i class="prev"></i></a>
								<a href="" class="spec-backward">
									<i class="next"></i>
								</a>
								<div class="spec-items">
									<ul class="1h">
										<li class="active">
											<img src="./images/product-detail-1.jpg" alt="" />
										</li>
										<li>
											<img src="./images/product-detail-2.jpg" alt="" />
										</li>
										<li>
											<img src="./images/product-detail-3.jpg" alt="" />
										</li>
										<li>
											<img src="./images/product-detail-4.jpg" alt="" />
										</li>
										<li>
											<img src="./images/product-detail-5.jpg" alt="" />
										</li>
										<li>
											<img src="./images/product-detail-6.jpg" alt="" />
										</li>
									</ul>
								</div>
							</div>
							<div class="preview-info">
								<div class="left-btns">
									<a href="" class="follow"><i class="sprite-follow"></i> <em>关注</em></a>
									<a href="" class="share"><i class="sprite-share"></i><em>分享</em></a>
									<a href="" class="compare"><i class="sprite-compare"></i><em>对比</em></a>
								</div>
								<div class="right-btns">
									<a href="">举报</a>
								</div>
							</div>
							<div class="purchase-op">
								<a href="" class="volume-purchase">企业购更优惠</a>
							</div>
						</div>
					</div>
					<div class="itemInfo-wrap">
						<div class="sku-name">微星（MSI）超龙X GeForce RTX 3070 Ti SUPRIM X 8G 超旗舰 超频版 电竞游戏设计智能学习电脑独立显卡</div>
						<div class="news">
							<div class="item-hide">
								【龙出大厂，集大成之作！】超高频率！梦幻炫光，背板LOGO灯，进阶散热模组！尊享超旗舰！——微星爆款外设限时特惠！点此
								<a href="">查看</a>
							</div>
						</div>
						<div class="summary summary-first">
							<div class="summary-price-wrap clearfix">
								<div class="summary-price">
									<div class="dt">京 东 价</div>
									<div class="dd">
										<span class="p-price">
											<span>￥</span>
											<span class="price"> 7999.00 </span>
										</span>
										<a href="" class="notice">降价通知</a>
									</div>
								</div>
								<div class="summary-info">
									<div class="comment-content">
										<p>累计评价</p>
										<a href="">5万+</a>
									</div>
								</div>
							</div>
						</div>
						<div class="summary p-choose-wrap">
							<div class="summary-support">
								<div class="dt">增值业务</div>
								<a href="" class="dd">
									<i class="sprite-old2new"></i>
									<span>高价回收</span>
								</a>
							</div>
							<div class="summary-stock">
								<div class="dt">配 送 至</div>
								<div class="dd">
									<div class="area">
										<div class="area-text-wrap">
											<div class="area-text">浙江杭州市江干区城区</div>
											<b></b>
										</div>
									</div>
									<div class="store-promt">
										<strong>有货</strong>
									</div>
									<div class="promise-icon">
										<div class="f1">支持</div>
										<div class="service">
											<span class="title">可配送港澳台</span>
											<i>|</i>
											<a href="">99元免基础运费</a>
										</div>
									</div>
								</div>
							</div>
							<div class="purchase">
								<div class="icon-w1"></div>
								<div class="service-more">
									<a href="">211限时达</a>
									<i>|</i>
									<a href="">京尊达</a>
									<i>|</i>
									<a href="">预约送货</a>
									<span class="arrow"></span>
								</div>
							</div>
							<div class="summary-supply">
								由<span class="hl-red">京东</span> 发货, 并提供售后服务. 18:00前下单，预计<b>明天(12月17日)</b>送达
							</div>
							<div class="summary-weight">
								<div class="dt">重&nbsp;&nbsp;量</div>
								<div class="dd">3.07kg</div>
							</div>
							<div class="summary-line"></div>
							<div class="choose-attrs">
								<div class="dt">选择型号</div>
								<div class="dd">
									<div class="item">
										<a href="">
											<img src="./images/超龙.jpg" alt="" />
											<i> 【3090-超龙X-24G】梦幻超旗舰 </i>
										</a>
									</div>
									<div class="item">
										<a href="">
											<img src="./images/超龙.jpg" alt="" />
											<i> 【3090-超龙X-24G】梦幻超旗舰 </i>
										</a>
									</div>
									<div class="item">
										<a href="">
											<img src="./images/超龙.jpg" alt="" />
											<i> 【3090-超龙X-24G】梦幻超旗舰 </i>
										</a>
									</div>
									<div class="item">
										<a href="">
											<img src="./images/超龙.jpg" alt="" />
											<i> 【3090-超龙X-24G】梦幻超旗舰 </i>
										</a>
									</div>
								</div>
							</div>
							<div class="choose-serviceyc">
								<div class="dt">原厂服务</div>
								<div class="dd">
									<div class="yb-item-cat">
										<div class="yb-item">
											<img src="./images/盾牌.png" alt="" class="icon" />
											<span class="name">1年全包换新</span>
											<span class="prive">￥199.00</span>
											<i class="arrow-icon"></i>
										</div>
									</div>
									<div class="service-tips">
										<a href=""></a>
									</div>
								</div>
							</div>
							<div class="choose-serviceyc">
								<div class="dt">增值保障</div>
								<div class="dd">
									<div class="yb-item-cat">
										<div class="yb-item">
											<img src="./images/盾牌.png" alt="" class="icon" />
											<span class="name">1年全包换新</span>
											<span class="prive">￥199.00</span>
											<i class="arrow-icon"></i>
										</div>
										<div class="yb-item">
											<img src="./images/盾牌.png" alt="" class="icon" />
											<span class="name">1年全包换新</span>
											<span class="prive">￥199.00</span>
											<i class="arrow-icon"></i>
										</div>
										<div class="yb-item">
											<img src="./images/盾牌.png" alt="" class="icon" />
											<span class="name">1年全包换新</span>
											<span class="prive">￥199.00</span>
											<i class="arrow-icon"></i>
										</div>
									</div>
									<div class="service-tips">
										<a href=""></a>
									</div>
								</div>
							</div>
							<div class="choose-serviceyc">
								<div class="dt">白条分期</div>
								<div class="dd">
									<div class="yb-item-cat">
										<div class="yb-item">
											<span class="name">不分期</span>
										</div>
										<div class="yb-item">
											<span class="name"> ￥2686.04 x 3期 </span>
										</div>
										<div class="yb-item">
											<span class="name"> ￥1362.85 x 6期 </span>
										</div>
										<div class="yb-item">
											<span class="name"> ￥701.32 x 12期 </span>
										</div>
										<div class="yb-item">
											<span class="name"> ￥370.53 x 24期 </span>
										</div>
									</div>
									<div class="service-tips">
										<a href=""></a>
									</div>
								</div>
							</div>
							<div class="summary-line"></div>
							<div class="choose-btns">
								<div class="choose-amount">
									<div class="wrap-input">
										<input type="text" class="buy-num" id="buy-num" value="1" />
										<a href="" class="btn-reduce">-</a>
										<a href="" class="btn-add">+</a>
									</div>
								</div>
								<a href="" id="incart">加入购物车</a>
							</div>
							<div class="summary-tips">
								<div class="dt">温馨提示</div>
								<div class="dd">·支持7天无理由退货(拆封后不支持)</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="./javascripts/require.js" data-main="./javascripts/goods-detail.js"></script>
</html>
